<template>
    <!-- 
            表单输入元素：
            1. input type=text/radio/checkbox
            2. select
            3. textarea
        -->
    <input type="text" v-model="input">
    你输入了:{{ input }}
    <br><br>
    <textarea v-model="textarea"></textarea>
    你又输入了:{{ textarea }}
    <br><br>
    你到底输没输: <br>
    输了: <input type="radio" value="输了" v-model="yesorno">
    没输: <input type="radio" value="没输" v-model="yesorno">
    <br>我他妈{{ yesorno }}
    <br><br>
    让你输了吗你就输?! <br>
    A:就输: <input type="checkbox" value="A" v-model="suibian">
    B:呜呜不输了: <input type="checkbox" value="B" v-model="suibian">
    C:我输怎么了! <input type="checkbox" value="C" v-model="suibian">
    <br>你的态度是：{{ suibian }}
    <br><br>
    你想不想输:
    <select v-model="think">
        <option value="">请选择</option>
        <option value="想输">想输</option>
        <option value="不想">不想</option>
        <option value="埃及吧输不输">埃及吧输不输</option>
    </select>
    <br>我{{ think }}
</template>

<script setup>
import { ref } from 'vue'
const input = ref('')
const textarea = ref('')
const yesorno = ref('')
const suibian = ref([])
const think = ref('')
</script>
